import { Tabs } from 'nextra/components';
import { Widget } from '@/components/demo/widget.tsx';
import LinkBadge from '@/components/ui/link-badge/link-badge.tsx';
import LinkBadgeGroup from '@/components/ui/link-badge/link-badge-group.tsx';

# Progress

Displays an indeterminate linear indicator showing the completion progress of a task.

<LinkBadgeGroup>
    <LinkBadge label="API Reference" href="https://pub.dev/documentation/forui/latest/forui.widgets.progress/"/>
</LinkBadgeGroup>

<Tabs items={['Preview', 'Code']}>
  <Tabs.Tab>
    <Widget name='progress'/>
  </Tabs.Tab>
  <Tabs.Tab>
    ```dart copy
    const FProgress();
    ```
  </Tabs.Tab>
</Tabs>

## CLI

To generate and customize this style:

```shell copy
dart run forui style create progress
```

## Usage

### `FProgress(...)`

```dart copy
FProgress(
  style: FProgressStyle(...),
  semanticsLabel: 'Label',
);
```
